﻿@model IList<DataAccess.Caso>
           
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        function PostDeleteForm(Form, TR) {
            $("#dialog-confirm").dialog({
                resizable: false,
                modal: true,
                buttons: {
                    'Eliminar': function () {
                        $("#Loader").show();
                        $.post($(Form).attr("action"), $(Form).serialize(), function (response) {
                            if (response.success == true) {
                                $(TR).parent().parent().parent('tr').fadeOut();
                                ShowSuccess(response.mensaje);
                            }
                            else {
                                ShowFail(response.mensaje);
                            }
                            $("#Loader").hide();
                        });
                        $(this).dialog('close');
                    },
                    'Cancelar': function () {
                        $(this).dialog('close');
                    }
                }
            });
            return false;
        }

        $('.eliminarCaso').click(function () {
            PostDeleteForm($(this).parent('form'), this);
            return false;
        });
    });
</script>
@if (Model.Count > 0)
{   
    <table align="center" id="MyTable" class="tabla" width="100%" cellspacing="0" cellpadding="5"
        border="1" style="float: left; margin-bottom: 30px;">
        <!-- HEADER -->
        <thead>
            <tr>
                <th>
                    Nombre
                </th>
                <th>
                    Galeria
                </th>
                <th>
                    &nbsp
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach (DataAccess.Caso caso in Model)
            {
                <tr>
                    <td>
                        <label class="tahoma12 black">
                            @caso.Nombre
                        </label>
                        <input type="hidden" value="@caso.Id" />
                    </td>
                    <td>
                        <a href="@Url.Action("Rotativo", new { idCaso = caso.Id })">Editar galeria</a>
                    </td>
                    <td>
                        <a href="@Url.Action("Caso", new { id = caso.Id })" style="float:left">
                            <img src="@Url.Content("~/Content/img/Botones/Small/edit.png")" alt="editar" />
                        </a>
                        <form action="@Url.Action("DeleteCaso")" method="post" style="float:left;">
                        <input type="hidden" name="idCaso" value="@caso.Id" />
                        <input class="accion eliminarCaso" type="image" src="@Url.Content("~/Content/img/Botones/Small/eliminar.gif")"
                    alt="Eliminar" title="Borrar" />
                        </form>
                    </td>
                </tr>                
            }
        </tbody>
    </table> 
    <!-- CONFIRMATION -->
    <div id="dialog-confirm" style="display: none;" title="¿Eliminar permanentemente?">
        <p>
            ¿Esta seguro que desea eliminar el caso del sistema? Esta acción no se puede revertir.
        </p>
    </div>   
}
else
{
    @Html.Partial("Warning", "No existen Casos.")
}